<template>
  <div class="BackGroundServices">
  </div>
</template>








<style scoped>

.BackGroundServices {
  height: 100vh;
  background: url(/images/background/background.jfif) center/cover;
  position: relative;
  z-index: -1;
  overflow: hidden;
  animation: hue 10s infinite alternate;
}

.BackGroundServices::after {
  content: "";
  width: 100%;
  height: 100%;
  background: inherit;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  filter: blur(2rem);
  transform: scale(1.15);
}

@keyframes hue {
  from {
    filter: hue-rotate(0);
  }
  to {
    filter: hue-rotate(360deg);
  }
}

</style>